@import "functions.less";
@img_path0: "../img";
@img_path1: "../img/header";
@img_path2: "../img/icons";
/* 引入bootstrap需要修改的默认样式*/
html,body{
  font-family: "Microsoft YaHei","微软雅黑", "宋体", Arial,Verdana, sans-serif;  
  overflow: hidden;
  height: 100%;
}
a,input,button{ &:focus{outline:none;} }
ul{
    list-style:none;
    padding:0;
    margin:0;
}  
em{
  font-style: normal;
}
a:hover,a:link{
  text-decoration: none;
}
body{
  background-color:#eee;
}
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.J_conWarp{
  margin: 10px 0;
  background-color: #fff;
}
.container-fluid{
    padding-right: 10px;
    padding-left: 10px;
}
.row [class^=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.row{
    margin-right: -5px;
    margin-left: -5px;
}
.row .col-container{
   margin-top:10px;
  // border: 1px solid #ececec;
   padding-left: 0;
   padding-right: 0;
}
.tooltip-inner{
  width: 70px;
}
.checkbox-inline, .radio-inline{
  padding-left: 23px;
}
.form-control,.input-group .btn{
    height: 30px;
}
.button-inline{
  .gbn{
    margin-bottom: 10px;
    margin-right: 5px;
    float: left;
  }
  .btn-group,.input-group{
    margin-bottom: 5px;
    margin-right: 10px;
    float: left;
    .gbn{
      margin-bottom: 0;
      margin-right: 0;
    }
  }
}
.btn-tree-edit{
  width: 100%;
  button{
    width:  33.33333333%;
    padding:5px 0;
    height: 30px;
  }
  .btn-default{
    border-color:#ddd;
  }
}
.form-inline{
    .form-control{
        width: 130px;
        height: 30px;
        display: inline-block;
        padding: 0 8px;
        border-radius: 2px;
        vertical-align: middle;
        box-shadow:none;
        line-height: 30px\9;
    }
    select.form-control{
      padding:0 4px;
      width: auto;
      height: 30px;
    }
    label{
      font-weight: normal;
      font-size: 12px;
      color:#666;
      max-width: none;
      display: inline;
      line-height: 30px;
    }
    .checkbox-inline,.radio-inline{
      line-height: 20px;
      display: inline-block;
      position: relative;
      top: 5px;
    }
    .form-group,.group{
      float: left;
      padding-right: 10px;
      padding-bottom: 10px;
      .gbn{
        float: left;
        margin-right: 5px;
        &:last-child{
          margin-right: 0;
        }
      }
      &:last-child{
          margin-right: 0;
      }
    }
    .g-Wate-left{
      padding-left: 40px;
    }
    .label-daterange{
        position:relative;
        top:5px;
        right:2px;
    }
    .input-daterange{
      width: 298px;
      .form-control{
        width: 130px;
      }
    }
    //内联select2样式调整
    .select2-container--default .select2-selection--multiple, .form-inline .select2-container--default .select2-selection--single{
      height:30px;
      min-height: 30px;
      height:28px\9;
      min-height: 28px\9;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice{
      margin-top:3px;
    }
    .select2-container {
      width: auto!important;
      min-width: 100px!important;
  }
}
.form-horizontal{
  .form-group{
      margin-right: -5px;
      margin-left: -5px;
      margin-bottom: 15px;
  }
  .control-label{
    color:#555;
    font-size: 14px;
    font-weight: normal;
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
  .form-control{
    border-radius:2px;
    height: 34px;
  }
  .help-block{
    margin-bottom: 0;
    color:#999999;
  }
  .input-group .btn{
    height: 34px;
  }
}
.has-warning .form-control{
  border-color:#f8ac59;
}
.has-success .form-control{
  border-color:#1ab394;
}
.has-error .form-control{
  border-color:#ed5565;
}
.has-warning .form-control:focus,.has-success .form-control:focus,.has-error .form-control:focus{
  box-shadow:none;
  border-color:#6dace2;
}
.input-group-addon{
    background-color: #fff;
}
.has-warning .input-group-addon{
    color: #555;
    background-color: #eee;
    border-color: #ccc;
}
//文件上传带输入框
.file-button-area{
        position: relative;
         overflow: hidden;
         padding: 0;
        .visible-button{
              overflow: visible;
        }
          .upload-file{
              border: 0 none;
              height: 25px;
              margin: 0;
              padding: 0;
              opacity: 0;
              filter: alpha(opacity=0);
              position: absolute;
              right: 4px;
              top: 0;
              width: 115px;
              cursor:pointer;
              z-index: 100000;
              font-size:60px;
          }
          .btn{
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                margin-left: -1px;
          }
}
//文件上传按钮方式
.g-file-button{
         position: relative;
         overflow: hidden;
        input[type='file']{
            border: 0 none;
            margin: 0;
            padding: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor:pointer;
            z-index: 100000;
            width: 95px;
            height: 36px;
            position: absolute;
            top: 0;
            left: 0;
        }
}
.g-file-box{
  .file-name{
    color:#555555;
    font-size: 14px;
  }
  .gi-del{
    vertical-align: middle;
    margin-left: 5px;
  }
  img{
    width: 200px;
    height: 150px;
    border:1px solid #ddd;
    display: block;
    margin-bottom: 10px;
  }
  .gbn-del{
    margin-left: 5px;
  }
}
//tab切换1
.g-nav-tab1>li>a{
    border:none;
    //border-bottom: 2px solid #ddd;
    color:#333333;
    font-size: 16px;
    padding:8px 15px 10px;
    min-width: 140px;
    text-align: center;
}
.g-nav-tab1>li>a:hover {
    background-color: #fff;
}
.g-nav-tab1>li.active>a,.g-nav-tab1>li.active>a:focus,.g-nav-tab1>li.active>a:hover {
    font-weight: bold;
    color: #18b4ed;
    cursor: default;
    background-color: #fff;
    border:none;
    border-bottom: 2px solid #18b4ed;
}
//tab切换2
.g-nav-tab2{
    border-bottom: none;
    background-color: #f6f7fb;
}
.g-nav-tab2>li{
    margin-bottom: 0;
}
.g-nav-tab2>li>a{
      background-color: #f6f7fb;
      font-size: 14px;
      color:#888;
      padding:5px 20px;
      border-left: 1px solid #fff;
      margin:0;
}
.g-nav-tab2>li>a:hover {
    background-color: #f6f7fb;
    border: 1px solid transparent;
}
.g-nav-tab2>li.active>a,.g-nav-tab2>li.active>a:focus,.g-nav-tab2>li.active>a:hover {
        background-color: #fff;
        color:#333;
        border: 1px solid transparent;
}
//竖直tab切换
.nav-stacked>li>a{
    background-color: #eee;
    color:#333;
    font-size: 16px;
    padding: 7px 10px;
    &:focus,&:hover{
       color:#333;
    }
}
.nav-stacked li{
  margin-bottom: 10px;
}
//输入框组中的date
.g-Wate-right{
    background: #fff url("../img/g-right-date.png") no-repeat right!important;
    background-position: right!important;
    padding-right: 50px;
    border: 1px solid #ccc!important;
}
.g-Wate-left{
    background: #fff url("../img/g-left-date.png") no-repeat right!important;
    background-image: url("../img/g-left-date0.png")!important;
    background-position: left!important;
    padding-left: 50px;
    border: 1px solid #ccc!important;
}
.g-Wate-right[disabled],.g-Wate-left[disabled]{
  background-color: #eee!important;
  
}
.input-daterange .input-group-addon{
   border-left:none;
   border-right:none;
   background-color:#eee;
}
.input-daterange .g-Wate-left{
   background-image: url("../img/g-left-date0.png")!important;
}
.form-control:focus{
   box-shadow:none;
  border-color:#6dace2;
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
  margin-right: -2px;
}
//多选框
.checkbox{
  label{
     display: inline-block;
    // background-image: url("@{img_path0}/check.png");
     background-image: url("@{img_path0}/check/01.png");
     background-repeat: no-repeat;
     background-position: 0 0;
    &.disabled{
        //background-position: 0 -89px;
        background-image: url("@{img_path0}/check/04.png");
        cursor:not-allowed;
    }
    &.check-disabled{
        //background-position: 0 -59px;
        background-image: url("@{img_path0}/check/03.png");
         cursor:not-allowed;
    }
    &.on{
         //background-position: 0 -29px;
          background-image: url("@{img_path0}/check/02.png");
    }
  }
  input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
}
.checkbox-inline{
     display: inline-block;
     //background-image: url("@{img_path0}/check.png");
     background-image: url("@{img_path0}/check/01.png");
     background-repeat: no-repeat;
     background-position: 0 0;
    &.disabled{
        //background-position: 0 -89px;
        background-image: url("@{img_path0}/check/04.png");
         cursor:not-allowed;
    }
    &.check-disabled{
        //background-position: 0 -59px;
        background-image: url("@{img_path0}/check/03.png");
         cursor:not-allowed;
    }
    &.on{
         //background-position: 0 -29px;
         background-image: url("@{img_path0}/check/02.png");
    }
    input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
    }
}
.radio{
  label{
     display: inline-block;
     //background-image: url("@{img_path0}/check.png");
      background-image: url("@{img_path0}/check/05.png");
     background-repeat: no-repeat;
    // background-position: 0 -119px;
    &.on{
     
        // background-position: 0 -149px;
         background-image: url("@{img_path0}/check/06.png");
    }
    &.disabled{
        //background-position: 0 -209px;
         background-image: url("@{img_path0}/check/08.png");
         cursor:not-allowed;
    }
    &.check-disabled{
       // background-position: 0px -179px;
        background-image: url("@{img_path0}/check/07.png");
         cursor:not-allowed;
    }
  }
  input[type='radio']{
    //display: none;
     position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
} 
.radio-inline{
     display: inline-block;
     //background-image: url("@{img_path0}/check.png");
     background-image: url("@{img_path0}/check/05.png");
     background-repeat: no-repeat;
   //  background-position: 0 -119px;
    &.on{
     
        //background-position: 0 -149px;
         background-image: url("@{img_path0}/check/06.png");
    }
    &.disabled{
       // background-position: 0 -209px;
       background-image: url("@{img_path0}/check/08.png");
         cursor:not-allowed;
    }
    &.check-disabled{
        //background-position: 0px -179px;
        background-image: url("@{img_path0}/check/07.png");
         cursor:not-allowed;
    }
    input[type='radio']{
       // display: none;
        position: absolute; opacity: 0; filter:Alpha(opacity=0);
   }
}
.arrowBox{
  margin-top: 0!important;
  margin-bottom: 0!important;
  height: 32px!important;
  label{
     display: inline-block;
     background-image: url("@{img_path0}/icon-switch.png");
     background-repeat: no-repeat;
     background-position: -52px 0;
     width:52px;
     height: 32px;
    &.on{
        background-image: url("@{img_path0}/icon-switch.png");
        background-position: 0 0;
    }
    &.dis{
        background-position: -104px 0;
        cursor:default;
    }
  }
  input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
}
.arrowBox-c-s{
  margin-top: 0!important;
  margin-bottom: 0!important;
  height: 24px!important;
  label{
     display: inline-block;
     background-image: url("@{img_path0}/icon-switch.png");
     background-repeat: no-repeat;
     background-position: -199px 0;
     width:39px;
     height: 24px;
    &.on{
       background-image: url("@{img_path0}/icon-switch.png");
        background-position: -160px 0;
    }
    &.dis{
        background-position: -238px 0;
        cursor:default;
    }
  }
  input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
}
.arrowBox-x{
  margin-top: 0!important;
  margin-bottom: 0!important;
  height: 36px!important;
  label{
     display: inline-block;
     background-image: url("@{img_path0}/icon-switch.png");
     background-repeat: no-repeat;
      background-position:-97px -58px;
     width:90px;
     height: 36px;
    &.on{
         background-image: url("@{img_path0}/icon-switch.png");
        background-position: -7px -58px;
    }
  }
  input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
}
.arrowBox-m{
  margin-top: 0!important;
  margin-bottom: 0!important;
  height: 30px!important;
  label{
     display: inline-block;
     background-image: url("@{img_path0}/icon-switch.png");
     background-repeat: no-repeat;
     background-position:  -89px -109px;
     width:80px;
     height: 30px;
    &.on{
       background-image: url("@{img_path0}/icon-switch.png");
        background-position: -9px -109px;
    }
  }
  input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
}
.arrowBox-s{
  margin-top: 0!important;
  margin-bottom: 0!important;
  height: 22px!important;
  label{
     display: inline-block;
     background-image: url("@{img_path0}/icon-switch.png");
     background-repeat: no-repeat;
     background-position: -69px -158px;
     width:60px;
     height: 22px;
    &.on{
        background-image: url("@{img_path0}/icon-switch.png");
        background-position: -9px -158px;
    }
  }
  input[type='checkbox']{
     //display: none;
      position: absolute; opacity: 0; filter:Alpha(opacity=0);
  }
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{
  padding-top: 0;
}
.form-horizontal .check-label{
  padding-top: 0;
}
.text-red{
  color:#ff0000;
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}
p[class^=bg-]{
   line-height: 30px;
   padding-left: 10px;
}
/*功能介绍*/  
.bg-warning{
  background-color: #fffdee;
  font-size: 14px;
  color:#555;
  strong{
    color:#333;
  }
  a{
    color:#429ad8;
  }
  border:1px solid #faebcc;
  border-left:none;
  border-right:none;
  padding:10px 20px;
}
/* 公共模块  g- 开头*/  
/* 间距*/  
.g-l-mg{
  margin-left:10px;
}
.g-r-mg{
  margin-right:10px;
}
.g-lr-mg{
  margin-left: 10px;
  margin-right: 10px;
}
.g-t-mg{
  margin-top: 10px;
}
.g-t-mg2{
  margin-top: 20px;
}
.g-b-mg{
  margin-bottom: 10px;
}
.g-tb-mg{
  margin-top: 10px;
  margin-bottom: 10px;
}
.g-total-mg{
  margin:10px;
}
.g-l-pd{
  padding-left:10px;
}
.g-r-pd{
  padding-right:10px;
}
.g-lr-pd{
  padding-left:10px;
  padding-right:10px;
}
.g-t-pd{
  padding-top: 10px;
}
.g-b-pd{
  padding-bottom: 10px;
}
.g-tb-pd{
  padding-top: 10px;
  padding-bottom: 10px;
}
.g-total-pd{
  padding:10px;
}

/* 隐藏*/  
.g-hide{
    display:none; 
}
/* 浮动相关*/  
.g-fl {
    float: left;
}
.g-fr {
    float: right;
}
.g-clear{
  *zoom:1;
   overflow: hidden;
  &:before,
  &:after{
    display:table;
    content:"";
    line-height:0;
  }
  &:after{
    clear:both;
  }
}
/*图标*/
.gi0{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon0.png");
    background-repeat: no-repeat;
}
.gi1{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon1.png");
    background-repeat: no-repeat;
}
.gi1-on{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon1-on.png");
    background-repeat: no-repeat;
}
.gi2{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon2.png");
    background-repeat: no-repeat;
}
.gi4{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon4.png");
    background-repeat: no-repeat;
}
.gi-01{background-position:-3px 0;  width: 15px;
  height: 18px;}

.gi-02{background-position:-3px -39px;  width: 15px;
  height: 18px;}

.gi-03{background-position:-2px -81px;  width: 17px;
  height: 18px;}

.gi-04{background-position:-1px -121px;  width: 18px;
  height: 16px;}

.gi-05{background-position:0 -161px;  width: 20px;
  height: 16px;}

.gi-06{background-position:0 -199px;  width: 20px;
  height: 17px;}

.gi-07{background-position:0 -241px; width: 18px;
  height: 18px;}
.gi-08{background-position:-2px -281px; width: 16px;
  height: 18px;}
.gi-09{background-position:-1px -320px; width: 18px;
  height: 18px;}
.gi-10{background-position:-1px -359px; width: 18px;
  height: 17px;}
.gi-11{background-position:-1px -401px;  width: 18px;
  height: 18px;}

.gi-12{background-position:0 -442px;  width: 20px;
  height: 16px;}

.gi-13{background-position:0 -482px; width: 20px;
  height: 14px;}

.gi-14{background-position:0 -522px; width: 20px;
  height: 16px;}

.gi-15{background-position:-3px -560px; width: 15px;
  height: 18px;}

.gi-16{background-position:-1px -601px;  width: 18px;
  height: 18px;}

.gi-17{background-position:-1px -642px; width: 18px;
  height: 17px;}

.gi-18{background-position:-4px 0; width:10px;height: 9px;}
.gi-19{background-position:-1px -33px; width:10px;height: 9px;}
.gi-20{background-position:-1px -60px; width:17px;height: 15px;}
.gi-21{background-position:-0 -95px; width:19px;height: 18px;}
.gi-22{background-position:0 -124px; width:11px;height: 18px;}
.gi-23{background-position:-5px -163px; width:4px;height: 8px;}
.gi-24{background-position:-1px -193px; width:8px;height: 4px;}
.gi-25{background-position:-2px -220px; width:6px;height: 6px;}
.gi-26{background-position:-3px -238px; width:4px;height: 21px;}
.gi-27{background-position:-4px -269px; width:4px;height: 40px;}

.gi-28 {
  background-position: -7px 0px;
  width: 16px;
  height: 16px;
}
.gi-29 {
  background-position: -7px -29px;
  width: 18px;
  height: 18px;
}
.gi-30 {
  background-position: -5px -67px;
  width: 20px;
  height: 16px;
}
.gi-31 {
  background-position: -5px -102px;
  width: 19px;
  height: 18px;
}
.gi-32 {
  background-position: -5px -138px;
  width: 19px;
  height: 16px;
}
.gi-33 {
  background-position: -5px -167px;
  width: 18px;
  height: 18px;
}
.gi-34 {
  background-position: -5px -195px;
  width: 17px;
  height: 20px;
}
.gi-35 {
  background-position: -4px -223px;
  width: 18px;
  height: 18px;
}
.gi-36 {
  background-position: -3px -252px;
  width: 17px;
  height: 15px;
}
.gi-37 {
  background-position: -2px -285px;
  width: 13px;
  height: 14px;
}
.gi-38 {
  background-position: -1px -313px;
  width: 16px;
  height: 16px;
}
.gi-39 {
  background-position: -1px -343px;
  width: 16px;
  height: 13px;
}
.gi-40 {
  background-position: -1px -372px;
  width: 14px;
  height: 14px;
}
.gi-41 {
  background-position: -1px -400px;
  width: 12px;
  height: 14px;
}
.gi-42 {
  background-position: 0 -427px;
  width: 14px;
  height: 14px;
}
.gi-43 {
  background-image: url("../img/close.png");
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.gi-44 {
  background-image: url("../img/close0.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
}
.gi-45 {
  background-position: 0 0;
  width: 14px;
  height: 14px;
}
.gi-46 {
  background-position: 0 -25px;
  width: 15px;
  height: 15px;
}
.gi-47 {
  background-position: 0 -59px;
  width: 12px;
  height: 12px;
}
.gi-48 {
  background-position: 0 -84px;
  width: 10px;
  height: 11px;
}
.gi-49 {
  background-position: -2px -110px;
  width: 10px;
  height: 10px;
}
.gi-50{
  background-position: -1px -129px;
  width: 10px;
  height: 10px;
}
.gi-51{
  background-position: -1px -677px;
  width: 15px;
  height: 18px;
}
.gi-52{
  background-position: 0 -706px;
  width: 19px;
  height: 16px;
}
.gi-53{
  background-position: -1px -740px;
  width: 18px;
  height: 16px;
}
.gi-54{
  background-position: -1px -772px;
  width: 17px;
  height: 13px;
}
.gi-55{
  background-position: -1px -800px;
  width: 18px;
  height: 16px;
}
.gi-56{
  background-position: 0 -828px;
  width: 20px;
  height: 18px;
}
.gi-57{
  background-position: -2px -150px;
  width: 10px;
  height: 10px;
}
.gi-61{
  background-position: -2px -860px;
  width: 16px;
  height: 16px;
}
.gi-62{
  background-position: -2px -890px;
  width: 16px;
  height: 16px;
}
.gi-63{
  background-position: -2px -920px;
  width: 16px;
  height: 18px;
}
.gi-71{
  background-position: 0px -490px;
  width: 17px;
  height: 16px;
}
.gi-72{
  background-position: 0px -520px;
  width: 16px;
  height: 17px;
}
.gi-73{
  background-position: 0px -544px;
  width: 18px;
  height: 18px;
}
.gi-74{
  background-position: -1px -951px;
  width: 18px;
  height: 15px;
}
.gi-75{
  background-position: -1px -990px;
  width: 18px;
  height: 18px;
}
.gi-76{
  background-position: -1px -1025px;
  width: 18px;
  height: 18px;
}
.gi-77{
  background-position: -3px -1058px;
  width: 14px;
  height: 18px;
}
.gi-78{
  background-position: -1px -1087px;
  width: 18px;
  height: 16px;
}
.gi-79{
  background-position: -1px -1115px;
  width: 19px;
  height: 18px;
}
.gi-80{
  background-position: 0px -1145px;
  width: 20px;
  height: 18px;
}
.gi-81 {
  background-position: 0 -1181px;
  width: 20px;
  height: 18px
}
.gi-82 {
  background-position: -1px -1216px;
  width: 19px;
  height: 17px
}
.gi-83 {
  background-position: 0 -1250px;
  width: 20px;
  height: 17px
}
.gi-84 {
  background-position: 0 -1285px;
  width: 16px;
  height: 16px
}
.gi-set{
  background-image: url("../img/set.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  &:hover{
     background-image: url("../img/set-on.png");
  }
}
.gi-set0{
  background-image: url("../img/set4.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
}
.gi-his{
  background-image: url("../img/his.png");
  background-repeat: no-repeat;
  width: 19px;
  height: 18px;
  display: inline-block;
}
.gi-arrow-left{
  background-image: url("../img/icon-arrow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 7px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.gi-arrow-right{
  background-image: url("../img/icon-arrow.png");
  background-repeat: no-repeat;
  background-position: -3px 0-24px;
  width: 7px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.gi-add{
  background-image: url("../img/add.png");
  background-repeat: no-repeat;
  width: 12px;
  height: 13px;
  display: inline-block;
}
.gi-del{
  background-image: url("../img/close1.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.gi-search{
    background-image: url("../img/search0.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.gi-up{
    background-image: url("../img/down.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 8px;
    display: inline-block;
}
.gi-down{
    background-image: url("../img/up.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 8px;
    display: inline-block;
}
/*菜单icon*/
.gim{
    .fn_inline_block();
    background-repeat: no-repeat;
}
.gim-01{
  background-image: url("@{img_path2}/01.png");
  width: 18px;
  height: 14px;
}
.gim-02{
  background-image: url("@{img_path2}/02.png");
  width: 20px;
  height: 16px;
}
.gim-03{
  background-image: url("@{img_path2}/03.png");
  width: 18px;
  height: 17px;
}
.gim-04{
  background-image: url("@{img_path2}/04.png");
  width: 20px;
  height: 16px;
}
.gim-05{
  background-image: url("@{img_path2}/05.png");
  width: 18px;
  height: 16px;
}
.gim-06{
  background-image: url("@{img_path2}/06.png");
  width: 15px;
  height: 18px;
}
.gim-07{
  background-image: url("@{img_path2}/07.png");
  width: 18px;
  height: 18px;
}
.gim-08{
  background-image: url("@{img_path2}/08.png");
  width: 18px;
  height: 18px;
}
.gim-09{
  background-image: url("@{img_path2}/09.png");
  width: 18px;
  height: 15px;
}
.gim-10{
  background-image: url("@{img_path2}/10.png");
  width: 15px;
  height: 18px;
}
.gim-11{
  background-image: url("@{img_path2}/11.png");
  width: 18px;
  height: 15px;
}
.gim-12{
  background-image: url("@{img_path2}/12.png");
  width: 18px;
  height: 13px;
}
.gim-13{
  background-image: url("@{img_path2}/13.png");
  width: 18px;
  height: 14px;
}
.gim-14{
  background-image: url("@{img_path2}/14.png");
  width: 18px;
  height: 13px;
}
.gim-15 {
    background-image: url(../img/icons/15.png);
    width: 17px;
    height: 18px
}
.gim-16 {
    background-image: url(../img/icons/16.png);
    width: 18px;
    height: 15px
}
.gim-17 {
    background-image: url(../img/icons/17.png);
    width: 16px;
    height: 18px
}
.gim-18 {
    background-image: url(../img/icons/18.png);
    width: 15px;
    height: 18px
}
.gim-19 {
    background-image: url(../img/icons/19.png);
    width: 17px;
    height: 18px
}
.gim-20 {
    background-image: url(../img/icons/20.png);
    width: 18px;
    height: 18px
}
.gim-21 {
    background-image: url(../img/icons/21.png);
    width: 18px;
    height: 18px
}
.gim-22 {
    background-image: url(../img/icons/22.png);
    width: 18px;
    height: 17px
}
.gim-23 {
    background-image: url(../img/icons/23.png);
    width: 18px;
    height: 18px
}
.gim-24 {
    background-image: url(../img/icons/24.png);
    width: 18px;
    height: 13px
}

.gim-01-on{
  background-image: url("@{img_path2}/01-on.png");
  width: 18px;
  height: 14px;
}
.gim-02-on{
  background-image: url("@{img_path2}/02-on.png");
  width: 20px;
  height: 16px;
}
.gim-03-on{
  background-image: url("@{img_path2}/03-on.png");
  width: 18px;
  height: 17px;
}
.gim-04-on{
  background-image: url("@{img_path2}/04-on.png");
  width: 20px;
  height: 16px;
}
.gim-05-on{
  background-image: url("@{img_path2}/05-on.png");
  width: 18px;
  height: 16px;
}
.gim-06-on{
  background-image: url("@{img_path2}/06-on.png");
  width: 15px;
  height: 18px;
}
.gim-07-on{
  background-image: url("@{img_path2}/07-on.png");
  width: 18px;
  height: 18px;
}
.gim-08-on{
  background-image: url("@{img_path2}/08-on.png");
  width: 18px;
  height: 18px;
}
.gim-09-on{
  background-image: url("@{img_path2}/09-on.png");
  width: 18px;
  height: 15px;
}
.gim-10-on{
  background-image: url("@{img_path2}/10-on.png");
  width: 15px;
  height: 18px;
}
.gim-11-on{
  background-image: url("@{img_path2}/11-on.png");
  width: 18px;
  height: 15px;
}
.gim-12-on{
  background-image: url("@{img_path2}/12-on.png");
  width: 18px;
  height: 13px;
}
.gim-13-on{
  background-image: url("@{img_path2}/13-on.png");
  width: 18px;
  height: 14px;
}
.gim-14-on{
  background-image: url("@{img_path2}/14-on.png");
  width: 18px;
  height: 13px;
}
.gim-15-on {
    background-image: url(../img/icons/15-on.png);
    width: 17px;
    height: 18px
}
.gim-16-on {
    background-image: url(../img/icons/16-on.png);
    width: 18px;
    height: 15px
}
.gim-17-on {
    background-image: url(../img/icons/17-on.png);
    width: 16px;
    height: 18px
}
.gim-18-on {
    background-image: url(../img/icons/18-on.png);
    width: 15px;
    height: 18px
}
.gim-19-on {
    background-image: url(../img/icons/19-on.png);
    width: 17px;
    height: 18px
}
.gim-20-on {
    background-image: url(../img/icons/20-on.png);
    width: 18px;
    height: 18px
}
.gim-21-on {
    background-image: url(../img/icons/21-on.png);
    width: 18px;
    height: 18px
}
.gim-22-on {
    background-image: url(../img/icons/22-on.png);
    width: 18px;
    height: 17px
}
.gim-23-on {
    background-image: url(../img/icons/23-on.png);
    width: 18px;
    height: 18px
}
.gim-24-on {
    background-image: url(../img/icons/24-on.png);
    width: 18px;
    height: 13px
}
/*链接组*/
.g-add-link{
  color:#0066cc;
  font-size: 14px;
  line-height: 20px;
  .gi-add{
    position: relative;
    top: 1px;
    right:2px;
  }
}
/*按钮组*/
.btn-group.open .dropdown-toggle{
    box-shadow: none;  
}
.btn-grop-butons{
    button[type=button]{
    min-width: auto!important;
  }
}
button[type=button]{
  outline: none!important;
  box-shadow: none!important;
}
.pagination>li>a{
    background-color: #fff;
    color:#666;
}
.pagination2 {
    text-align: center;
    .gbn{
        min-width:auto!important;
    }
    .switch-input {
        margin-left: 3px;
        margin-right: 3px;
        border-radius: 3px;
        border: 1px solid #ccc;
        height: 21px;
        padding: 3px;
        line-height: 21px;
        text-align: center;
        width: 35px;
    }
}

//中图标按钮
.gbn-s-icon{
  padding:0 10px!important;
}
.gbn,.gbn-s-icon{
  display: inline-block;
  color:#fff;
  font-size: 12px;
  height: 30px;
  line-height: 28px;
  .fn_border_radius(3px);
  background-color: #4992d1;
  border:1px solid #4089c8;
  text-align: center;
  min-width: 60px;
  min-width: 28px\9;
  padding:0 10px;
  &:hover,&:focus,&.on{
      color:#fff;
      background-color: #377cb4;
      border:1px solid #2368a1;
  }

  i{
    display: inline-block;
    background-image: url("@{img_path0}/icon-s.png");
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    top:-1px;
  }
  &.gbn-right{
    i{
      margin-right: 0;
      margin-left: 3px;
    }
  }
  &.gbn-add{
    padding:0 10px!important;
    i{
      background-position: 0 0;
      width:12px;
      height: 12px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
      background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
  &.gbn-edit{
    padding:0 10px!important;
    i{
      background-position: -60px 0;
      width:12px;
      height: 12px;
    }
    background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
  &.gbn-del{
    padding:0 10px!important;
    i{
      background-position: -121px -2px;
      width:10px;
      height: 11px;
    }
    background-color: #f67b7e;
    border:1px solid #eb6b6e;
    &:hover{
      background-color: #ec6e71;
      border:1px solid #d43f3a;
    }
  }
  &.gbn-import{
    padding:0 10px!important;
    i{
      background-position: -180px 1px;
      width:13px;
      height: 13px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-export{
    padding:0 10px!important;
    i{
      background-position: -241px -3px;
      width:10px;
      height: 9px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-upload{
    padding:0 10px!important;
    i{
      background-position: -301px 0;
      width:11px;
      height: 12px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-download{
    padding:0 10px!important;
    i{
      background-position: -362px 0;
      width:11px;
      height: 12px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-search{
    padding:0 10px!important;
    i{
      background-position: -422px 0;
      width:12px;
      height: 12px;
    }
    background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover,&:focus{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
  &.gbn-submit{
    padding:0 10px!important;
    i{
      background-position: -482px -3px;
      width:12px;
      height: 9px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
      background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
    &.gbn-reset{
    padding:0 10px!important;
    i{
      background-position: -982px 0;
      width:11px;
      height: 14px;
    }
    background-color: #f67b7e;
    border:1px solid #eb6b6e;
    &:hover{
      background-color: #ec6e71;
      border:1px solid #d43f3a;
    }
  }
    &.gbn-sbsj{
    padding:0 10px!important;
    i{
      background-position: -1012px -1px;
      width:15px;
      height: 13px;
    }
  }
    &.gbn-ktmy{
    padding:0 10px!important;
    i{
      background-position: -1038px 0;
      width:15px;
      height: 14px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
      background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
    &.gbn-voice{
    padding:0 10px!important;
    i{
      background-position: -1068px 0;
      width:15px;
      height: 14px;
    }
     background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
}
.gbn-m-icon.gbn-white1 i{
    background-image: url(../img/icon-m-0.png);
}
.gbn-s-icon.gbn-white1 i, .gbn.gbn-white1 i{
  background-image: url(../img/icon-s-0.png);
}
//大图标按钮
.gbn-m-icon{
  display: inline-block;
  color:#fff;
  font-size: 14px;
  padding:0 10px!important;
  height: 36px;
  line-height: 34px;
  .fn_border_radius(3px);
  background-color: #4992d1;
  border:1px solid #4089c8;
  text-align: center;
  min-width: 70px;
  min-width: 38px\9;
  &:hover,&:focus{
      color:#fff;
      background-color: #377cb4;
      border:1px solid #2368a1;
  }
  i{
    display: inline-block;
    background-image: url("@{img_path0}/icon-m.png");
    background-repeat: no-repeat;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    top:-1px;
  }
  &.gbn-right{
    i{
      margin-right: 0;
      margin-left: 3px;
    }
  }
  &.gbn-add{
    i{
      background-position: 0 0;
      width:14px;
      height: 14px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
      background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
  &.gbn-edit{
    i{
      background-position: -43px 0;
      width:14px;
      height: 14px;
    }
    background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
  &.gbn-del{
    i{
      background-position: -86px 0;
      width:13px;
      height: 14px;
    }
    background-color: #f67b7e;
    border:1px solid #eb6b6e;
    &:hover{
      background-color: #ec6e71;
      border:1px solid #d43f3a;
    }
  }
  &.gbn-import{
    i{
      background-position: -128px -1px;
      width:13px;
      height: 13px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-export{
    i{
      background-position: -171px -2px;
      width:14px;
      height: 12px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-upload{
    i{
      background-position: -214px -1px;
      width:13px;
      height: 13px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-download{
    i{
      background-position: -257px -1px;
      width:13px;
      height: 13px;
    }
    background-color: #5bc0de;
    border:1px solid #46b8da;
    &:hover{
      background-color: #4db3d2;
      border:1px solid #46b8da;
    }
  }
  &.gbn-warning{
    i{
      background-position: -300px -1px;
      width:14px;
      height: 13px;
    }
    background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
    &.gbn-submit{
    i{
      background-position: -343px -4px;
      width:14px;
      height: 10px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
      background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
  &.gbn-search{
    i{
      background-position: -385px 0;
      width:14px;
      height: 14px;
    }
    background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover,&:focus{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
  &.gbn-share-wx{
    width:120px;
    i{
      background-position: -449px 0;
      width:16px;
      height: 14px;
    }
    background-color: #fff;
    border:1px solid #4089c8;
    color:#4992d1;
    &:hover,&:focus{
      background-color: #4992d1;
      color:#fff;
      i{
         background-position: -428px 0;
      }
    }
  }
  &.gbn-share-wb{
    width:120px;
    i{
      background-position: -492px -1px;
      width:16px;
      height: 13px;
    }
    background-color: #fff;
    border:1px solid #4089c8;
    color:#4992d1;
    &:hover,&:focus{
      background-color: #4992d1;
      color:#fff;
      i{
        background-position: -471px -1px;
      }
    }
  }
  &.gbn-share-qq{
    width:120px;
    i{
      background-position: -514px 0;
      width:14px;
      height: 14px;
    }
    background-color: #fff;
    border:1px solid #4089c8;
    color:#4992d1;
    &:hover,&:focus{
      background-color: #4992d1;
      color:#fff;
      i{
        background-position: -535px 0;
      }
    }
  }
  &.gbn-collect{
    i{
      background-position: -557px 0;
      width:14px;
      height: 14px;
    }
    background-color: #fff;
    border:1px solid #ddd;
    color:#555;
    &:hover,&.on{
      background-color: #f6f7f9;
    }
  }
  &.gbn-01{
    width: 40px;
    min-width: auto;
    i{
      background-position: -599px 0;
      width:14px;
      height: 14px;
      margin-right: 0;
    }
  }
  &.gbn-02{
    width: 40px;
    min-width: auto;
    i{
      background-position: -642px -3px;
      width:14px;
      height: 11px;
      margin-right: 0;
    }
  }
   &.gbn-03{
    width: 40px;
    min-width: auto;
    i{
      background-position: -685px -2px;
      width:14px;
      height: 12px;
      margin-right: 0;
    }
  }
    &.gbn-04{
    width: 40px;
    min-width: auto;
    i{
      background-position: -710px -2px;
      width:12px;
      height: 12px;
      margin-right: 0;
    }
  }
  &.gbn-upload-file{
    i{
      background-image: url("@{img_path0}/upload-file.png");
      background-repeat: no-repeat;
      width:14px;
      height: 14px;
    }
    background-color: #fff!important;
    border:1px solid #dddddd!important;
    color:#666;
    &:hover,&:focus{
      background-color: #f6f7f9!important;
      border:1px solid #dddddd!important;
      color:#555!important;
    }
  }
  &.gbn-refresh{
    i{
      background-image: url("@{img_path0}/refresh.png");
      background-repeat: no-repeat;
      width:16px;
      height: 16px;
    }
    background-color: #fff!important;
    border:1px solid #dddddd!important;
    color:#666;
    &:hover,&:focus{
      background-color: #f6f7f9!important;
      border:1px solid #dddddd!important;
      color:#555!important;
    }
  }
  &.gbn-reset{
    i{
      background-position: -715px -1px;
      width:14px;
      height: 17px;
    }
    background-color: #f67b7e;
    border:1px solid #eb6b6e;
    &:hover{
      background-color: #ec6e71;
      border:1px solid #d43f3a;
    }
  }
  &.gbn-sbsj{
    i{
      background-position: -747px -3px;
      width:19px;
      height: 15px;
    }
  }
  &.gbn-ktmy{
    i{
      background-position: -773px -2px;
      width:24px;
      height: 18px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
       background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
  &.gbn-voice{
    i{
      background-position: -806px -2px;
      width:19px;
      height: 17px;
    }
    background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
}
//小图标按钮
.gbn-min{
  display: inline-block;
  color:#fff;
  font-size: 12px;
  height: 22px;
  line-height: 20px;
  .fn_border_radius(3px);
  background-color: #4992d1;
  border:1px solid #4089c8;
  text-align: center;
width: 22px;
  &:hover,&:focus,&.on{
      color:#fff;
      background-color: #377cb4;
      border:1px solid #2368a1;
  }

  i{
    display: inline-block;
    background-image: url("@{img_path0}/icon-s.png");
    background-repeat: no-repeat;
    margin-right: 0px;
    vertical-align: middle;
    position: relative;
    top:-1px;
  }
  &.gbn-right{
    i{
      margin-right: 0;
      margin-left: 3px;
    }
  }
  &.gbn-add{

    i{
      background-position: 0 0;
      width:12px;
      height: 12px;
    }

  }
  &.gbn-edit{

    i{
      background-position: -60px 0;
      width:12px;
      height: 12px;
    }
  }
  &.gbn-del{

    i{
      background-position: -121px -2px;
      width:10px;
      height: 11px;
    }

  }
  &.gbn-import{

    i{
      background-position: -180px 1px;
      width:13px;
      height: 13px;
    }

  }
  &.gbn-export{

    i{
      background-position: -241px -3px;
      width:10px;
      height: 9px;
    }

  }
  &.gbn-upload{

    i{
      background-position: -301px 0;
      width:11px;
      height: 12px;
    }

  }
  &.gbn-download{

    i{
      background-position: -362px 0;
      width:11px;
      height: 12px;
    }

  }
  &.gbn-search{

    i{
      background-position: -422px 0;
      width:12px;
      height: 12px;
    }

  }
  &.gbn-submit{

    i{
      background-position: -482px -3px;
      width:12px;
      height: 9px;
    }
}
  &.gbn-error{

    i{
      background-position: -540px -3px;
      width:15px;
      height: 11px;
    }

  }
    &.gbn-examinations{

    i{
      background-position: -600px -1px;
      width:12px;
      height: 11px;
    }

  }
    &.gbn-suspend{

    i{
      background-position: -660px -1px;
      width:12px;
      height: 12px;
    }

  }
    &.gbn-check{

    i{
      background-position: -720px -2px;
      width:13px;
      height: 11px;
    }

  }
    &.gbn-revoke{

    i{
      background-position: -780px -1px;
      width:12px;
      height: 11px;
    }

  }
    &.gbn-stick{

    i{
      background-position: -840px -1px;
      width:12px;
      height: 12px;
    }

  }
    &.gbn-deploy{

    i{
      background-position: -899px -1px;
      width:13px;
      height: 13px;
    }

  }
    &.gbn-swap{

    i{
      background-position: -958px -1px;
      width:13px;
      height: 13px;
    }

  }
   &.gbn-reset{
    i{
      background-position: -982px 0;
      width:11px;
      height: 14px;
    }
    background-color: #f67b7e;
    border:1px solid #eb6b6e;
    &:hover{
      background-color: #ec6e71;
      border:1px solid #d43f3a;
    }
  }
    &.gbn-sbsj{
    i{
      background-position: -1012px -1px;
      width:15px;
      height: 13px;
    }
  }
    &.gbn-ktmy{
    i{
      background-position: -1038px 0;
      width:15px;
      height: 14px;
    }
    background-color: #7acc7a;
    border:1px solid #69bf69;
    &:hover{
      background-color: #5cb85c;
      border:1px solid #4cae4c;
    }
  }
    &.gbn-voice{
    i{
      background-position: -1068px 0;
      width:15px;
      height: 14px;
    }
     background-color: #fcbd65;
    border:1px solid #f3b359;
    &:hover{
      background-color: #f0ad4e;
      border:1px solid #eea236;
    }
  }
  &.gbn-batch{
    i{
      background-image: url("../img/icon-q.png");
      background-position: 0 0;
      width:11px;
      height: 12px;
    }
  }
  &.gbn-setting{
    i{
      background-image: url("../img/icon-q.png");
      background-position: -53px 0;
      width:14px;
      height: 13px;
    }
  }
  &.gbn-manage{
    i{
      background-image: url("../img/icon-q.png");
      background-position: -26px -1px;
      width:14px;
      height: 12px;
    }
  }
  &.gbn-apply{
    i{
      background-image: url("../img/icon-q.png");
      background-position: -82px -1px;
      width:11px;
      height: 12px;
    }
  }

}
.gbn-x{
  font-size: 16px;
  padding:0 25px;
  height: 44px;
  line-height: 42px;
  min-width: 80px;
  min-width: 48px\9;
}
.gbn-m{
  font-size: 14px;
  padding:0 22px;
  height: 36px;
  line-height: 34px;
  min-width: 60px;
  min-width: 28px\9;
}
.gbn-s{
  font-size: 12px;
  padding:0 22px;
  height: 30px;
  line-height: 28px;
  min-width: 60px;
  min-width: 28px\9;
}
.gbn-xs{
  font-size: 12px;
  padding:0 15px;
  height: 22px;
  line-height: 20px;
  min-width: 60px;
  min-width: 28px\9;
}
.gbn-green{
    background-color: #7acc7a!important;
    border:1px solid #69bf69!important;
    color:#fff;
    &:hover,&:focus,&.active:hover,&.active{
      color:#fff!important;
      background-color: #5cb85c!important;
      border:1px solid #4cae4c!important;
    }
  }
.gbn-yellow{
    color:#fff;
    background-color: #fcbd65!important;
    border:1px solid #f3b359!important;
    &:hover,&:focus,&.active:hover,&.active{
      color:#fff!important;
      background-color: #f0ad4e!important;
      border:1px solid #eea236!important;
    }
  }
  .gbn-red{
    color:#fff;
    background-color: #f67b7e!important;
    border:1px solid #eb6b6e!important;
    &:hover,&:focus,&.active:hover,&.active{
      color:#fff!important;
      background-color: #ec6e71!important;
      border:1px solid #d43f3a!important;
    }
  }
  .gbn-def,.gbn-blue1{
    color:#fff;
    background-color: #4992d1!important;
    border:1px solid #4089c8!important;
    &:hover,&:focus,&.active:hover,&.active{
        color:#fff!important;
        background-color: #377cb4!important;
        border:1px solid #2368a1!important;
    }
  }
  .gbn-blue{
    background-color: #5bc0de!important;
    border:1px solid #46b8da!important;
    color:#fff;
    &:hover,&:focus,&.active:hover,&.active{
      color:#fff!important;
      background-color: #4db3d2!important;
      border:1px solid #46b8da!important;
    }
  }
  .gbn-gray{
    background-color: #f6f7f9!important;
    border:1px solid #dddddd!important;
    color:#333;
    &:hover,&:focus,&.active:hover,&.active{
      color:#333!important;
      background-color: #f6f7f9!important;
      border:1px solid #dddddd!important;
    }
  }
  .gbn-gray0{
    background-color: #f6f7f9!important;
    border:1px solid #dddddd!important;
    color:#333;
    &:hover,&:focus,&.active:hover,&.active{
      outline: none;
      color:#333!important;
      background-color: #fff!important;
      border:1px solid #dddddd!important;
    }
  }
  .gbn-white1{
    background-color: #fff!important;
    border:1px solid #dddddd!important;
    color:#666;
    &:hover,&:focus,&.active:hover,&.active{
      background-color: #f6f7f9!important;
      border:1px solid #dddddd!important;
      color:#555!important;
    }
  }
  .gbn-white2{
    background-color: #fff!important;
    border:1px solid #4089c8!important;
    color:#4992d1;
    &:hover,&:focus,&.on,&.active:hover,&.active{
      background-color: #4992d1!important;
      color:#fff!important;
    }
  }
  .gbn-dis{
    background-color: #c2c2c2!important;
    border:1px solid #ddd!important;
    color:#e8e7e7;
    &:hover,&:focus,&.active:hover,&.active{
      background-color: #c2c2c2!important;
      border:1px solid #ddd!important;
      color:#e8e7e7!important;
      cursor: default!important;
    }
  }
/*公共组件*/
.g-title{
  border-bottom:1px solid #ececec;
  padding:10px 0 10px 12px;
  height: 40px;
  margin:0;
  position: relative;
  .intro{
    position: absolute;
    right:20px;
    color:#888;
    font-size: 14px;
    i{
      margin-left: 5px;
    }
  }
}
.g-title0{
  padding-left:10px;
}
.g-search-box{
  .input-group-btn{
    width: auto;
  }
}
.g-search-box2{
  .input-group-addon{
    background-color: #fff;
    background-image: url("@{img_path0}/search0.png");
    background-repeat: no-repeat;
    background-position: center center;
  }
  .form-control{
    border-left:none;
  }
}
.g-search-box1{
  position: relative;
  .gi-search{
    position: absolute;
    right: 10px;
    top: 8px;
  }
  .form-control{
     padding-right: 25px;
  }
}
.g-search-box3{
  position: relative;
  .gi-search{
    position: absolute;
    left: 10px;
    top: 8px;
  }
  .form-control{
     padding-left: 25px;
     box-shadow:none;
     border-color:#ddd;
  }
}
//表格
.g-table{
  margin:0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}
.g-table th{
  background-color:#f8f8f8;
  color:#666;
  text-align: center;
  height: 30px;
  line-height: 22px;
  vertical-align: middle;
}
.g-table td{
  background-color:#fff;
  color:#666;
  height: 28px;
  line-height: 22px;
  padding-left: 10px;
  vertical-align: middle;
}
.g-table td a{
  text-decoration: underline;
  cursor: pointer;
}
.g-table th ,.g-table td{
  border:1px solid #e0e1e5;
  font-size: 12px;
 }
 .g-table .time,.g-table .action{
  text-align: center;
  padding-left: 0;
 }
 .g-table .action{
  color:#ff6600;
 }
//竖直表格
.g-table-vertical{
  .th{
    background-color:#f8f8f8;
    color:#666;
    text-align: center;
    height: 30px;
    line-height: 22px;
    vertical-align: middle;
    font-weight: bold;
  }
}
.g-table-vertical-form{
  td{
    padding:10px;
    height: 50px;
  }
}
.g-panel{
   background-color: #fff;
}
.g-blueline-title{
  color:#333;
  font-size: 14px;
  background-image: url("@{img_path0}/bg1.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  padding:8px 0 8px 10px;
  //margin:8px 0;
  margin-bottom: 12px;
  position: relative;
  a{
    border:1px solid #eeeeee;
    border-radius: 2px;
    color:#888888;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    padding: 0px 5px 0px;
    position: absolute;
    right: 20px;
    top: 10px;
    &:hover{
      background-color: #f6f7fb;
    }
    img{
      position: relative;
      top:-1px;
      right:1px;
    }
  }
  .set{
    padding: 0px 5px 0px 20px;
    background-image: url("@{img_path0}/set1.png");
    background-repeat: no-repeat;
    background-position: 5px center;
  }
}
.g-warning-box{
  .g-title{
    //border-color:#faebcc;
  }
  p.bg-warning{
    margin-top: -1px;
    //position: absolute;
    width: 100%;
    z-index: 100;
  }
  position: relative;
}
.g-progressbar{
  border: none!important;
  background-color: #f6f7f9!important;
  height: 15px!important;
}
.g-progressbar .ui-progressbar-value{
  margin:0!important;
  background-color: #4992d1;
  border:none;
}
.red-bar .ui-progressbar-value{
  background-color: #f67b7e;
}
.orange-bar .ui-progressbar-value{
   background-color: #fcbd65;
}
.green-bar .ui-progressbar-value{
   background-color: #7acc7a;
}
.bg-bar .ui-progressbar-value{
   background-image: url("@{img_path0}/bar-bg.png");
   background-repeat: repeat-x;
}
.mini-bar{
  height: 3px!important;
}
.mini-bar .ui-progressbar-value{
  background-color: #7acc7a;
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 75px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 75px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 75px 0
    }

    to {
        background-position: 0 0
    }
}
.active-bar .ui-progressbar-value{
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.g-area-loading{
   background-image: url("@{img_path0}/load-area.gif");
   background-repeat: no-repeat;
   background-position: center center;
}
.g-spinner{
  .ui-widget.ui-widget-content{
    border-color:#ccc;
    height: 36px;
    opacity: 1!important;
    filter: Alpha(Opacity=100)!important;
  }
  input{
    box-shadow: none;
    margin:0;
    padding: 6px 45px 6px 12px;
    background: #eee;
    height: 34px;
    width: 188px;
  }
  a.ui-spinner-button{
    background-color: #fff;
    width: 40px;
    opacity: 1!important;
    filter: Alpha(Opacity=100)!important;
  }
  a.ui-button-disabled{
    background: #eee;
  }
  a.ui-spinner-up{
    border-bottom:1px solid #c5c5c5!important;
  }
  .ui-icon-triangle-1-n{
    background-position: 0 0;
  }
  .ui-icon-triangle-1-s{
    background-position: -65px 0;
  }
}
.g-spinner1,.g-spinner2,.g-spinner3{
  input{
    padding-left: 41px;
    padding-right: 41px;
    width: 150px;
  }
  a.ui-spinner-button{
    height: 100%;
    position: absolute;
    top: 0;
    width: 36px;
  }
  a.ui-spinner-up{
    left: -1px;
    border-right:1px solid #c5c5c5!important;
    border-bottom:none!important;
    border-top-right-radius: 0;
  }
  .ui-button-text{
    position: relative;
    top: 8px;
  }
}
.g-spinner2{
  input{
    padding-left: 12px;
    padding-right: 76px;
  }
 a.ui-spinner-up{
  border-right:none!important;
  right:36px;
  left: auto;
 }
}
.g-spinner3{
  a.ui-spinner-button .ui-icon{
     background-image: url("@{img_path0}/add-limit.png");
     background-repeat: no-repeat;
     background-position: 0 2px;
  }
  a.ui-spinner-up{
    background-color: #424f63;
  }
  a.ui-spinner-down{
    background-color: #fcbd65;
    .ui-icon{
      background-position: 2px -41px;
    }
  }
}
.g-mini-spinner{
  .ui-widget.ui-widget-content{
    height: 30px;
    input{
      height: 28px;
    }
  }
   a.ui-spinner-button .ui-icon{
    position: relative;
    top:-2px;
   }
}
.g-open-dialog{
  .aui_content{
    overflow-y:hidden!important;
  }
}
//选择人员弹窗
.g-checkPeople-dialog{
  .box{
    border:1px solid #ececec;
    background-color: #fff;
    .title{
      color:#333333;
      border-bottom:1px solid #ececec;
      height: 35px;
      margin:0;
      line-height: 35px;
      padding: 0 10px;
      a{
        color:#1c84c6;
      }
      .import{
        display: inline-block;
        background-image: url("@{img_path0}/import0.png");
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        position: relative;
        top: 1px;
        right: 3px
      }
      .g-search-box1{
        top:5px;
      }
      .form-control{
         height: 25px;
       }
       .gi-search{
        top:6px;
       }
    }
    table,.ui-jqgrid{
      border:none!important;
    }
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{
      color:#555;
      font-weight: normal;
    }
    .ui-paging-info{
      display: none !important;
    }
  }
  .arrow-action{
    margin-left: 5px;
    margin-top: 200px;
    a{
       background-image: url("@{img_path0}/arrow0.png");
       background-repeat: no-repeat;
       width: 40px;
       height: 28px;
       display: block;
    }
  }
  .arrow-minus{
      margin-top: 10px;
      background-position: 0 -37px;
  }
}
//底部操作按钮
.g-bottom-action{
  border-top:1px solid #ececec;
  line-height: 50px;
    height: 50px;
    margin-bottom: 0;
    background-color: #fff;
    text-align: center;
}
//带搜索条件树块样式
.g-searchtree-box{
  background-color: #fff;
  border: 1px solid #ececec;
  width: 240px;
}
.g_gray_title{
  color:#555555;
  font-size: 16px;
  height: 33px;
  line-height: 33px;
  border:1px solid #ececec;
  margin-bottom: 0;
  border-bottom:none;
  background-color:#f5f5f6;
  padding:0 10px;
  em{
    color:#ff6600;
  }
  a{
    font-size: 14px;
    color:#1c84c6;
    span{
      position: relative;
      top:6px;
    }
  }
}
/*重定义各系统个性化菜单图标*/

.gi0-l{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon0-left.png");
    background-repeat: no-repeat;
    width: 22px!important; height: 22px!important;
}
.gi0-l-on{
   .fn_inline_block();
    background-image: url("@{img_path0}/icon0-left-on.png");
    background-repeat: no-repeat;
     width: 22px!important; height: 22px!important;
}
.gi0-l-02 { background-position: -13px 1px; width: 24px; height: 19px; }
.gi0-l-04 { background-position: -11px -30px; width: 22px; height: 22px; }
.gi0-l-05 { background-position: -9px -59px; width: 22px; height: 19px; }
.gi0-l-14 { background-position: -11px -91px; width: 22px; height: 22px; }
.gi0-l-16 { background-position: -11px -123px; width: 22px; height: 21px; }
.gi0-l-15 { background-position: -11px -154px; width: 21px; height: 22px; }
.gi0-l-06 { background-position: -9px -183px; width: 20px; height: 16px; }
.gi0-l-07 { background-position: -10px -210px; width: 20px; height: 17px; }
.gi0-l-11 { background-position: -10px -238px; width: 20px; height: 19px; }
.gi0-l-13 { background-position: -10px -268px; width: 20px; height: 22px; }
.gi0-l-12 { background-position: -10px -300px; width: 19px; height: 22px; }
.gi0-l-01 { background-position: -9px -328px; width: 18px; height: 14px; }
.gi0-l-03 { background-position: -9px -352px; width: 18px; height: 14px; }
.gi0-l-17 { background-position: -9px -378px; width: 18px; height: 18px; }
.gi0-l-08 { background-position:  -7px -406px; width: 15px; height: 18px; }
.gi0-l-10 { background-position: -7px -435px; width: 15px; height: 18px; }
.gi0-l-09 { background-position: -8px -463px; width: 14px; height: 20px; }
.gi0-l-18 { background-position: -10px -493px; }
.gi0-t{
    .fn_inline_block();
    background-image: url("@{img_path0}/icon0-top.png");
    background-repeat: no-repeat;
     width: 22px!important; height: 22px!important;
}
.gi0-t-01 { background-position: -10px 2px; width: 19px; height: 15px; }
.gi0-t-03 { background-position: -9px -24px; width: 18px; height: 18px; }
.gi0-t-04 { background-position: -9px -51px; width: 18px; height: 16px; }
.gi0-t-05 { background-position: -9px -77px; width: 18px; height: 16px; }
.gi0-t-07 { background-position: -10px -105px; width: 18px; height: 20px; }
.gi0-t-08 { background-position: -9px -134px; width: 18px; height: 18px; }
.gi0-t-02 { background-position: -9px -162px; width: 17px; height: 18px; }
.gi0-t-09 { background-position: -7px -190px; width: 15px; height: 18px; }
.gi0-t-06 { background-position: -6px -220px; width: 12px; height: 20px; }
.gi0-t-10 { background-position: -8px -250px; }
